<template>
  <div class="audition230">
    <p>分为3个过程：</p>
    <p>1. DNS解析url的过程</p>
    <p>2. 浏览器发送请求与服务器交互的过程</p>
    <p>3. 浏览器接收到数据并对页面进行渲染的过程</p>
    <p>具体说明：</p>
    <p>DNS将输入的url拼接为完整的地址，开启DNS查询，获取对应资源的ip地址</p>
    <p>浏览器构建http Request请求，生成请求报文，使用ip地址构建TCP连接</p>
    <p>服务器构建Response响应，将响应数据通过网络传输发送给浏览器</p>
    <p>浏览器解析获取到的html css js，生成页面</p>
  </div>
</template>

<script>
export default {
  name: 'Audition230'
}
</script>

<style>

</style>